<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<body>
    <div>
        <div id="sign" style="width:fit-content;position: absolute;z-index:-1;top: 0;">
            <!-- 标牌标题、背景等 -->
            <div id="0"
                style="font-size: 22px;text-align: center;color: rgb(255, 255, 255);letter-spacing: 5px;background-color: #0336494C;
                background-image: url(./keji.png);background-size: 100% 100%;background-repeat: no-repeat;padding: 5px;line-height: 0.8;">
                标题</div>
             <!-- 文本内容 -->
			<div
                style="border: 1px solid rgba(56, 213, 253, 1);border-radius:10px;border-top:0px;border-bottom:0px;color: rgb(255, 255, 255);padding: 3px 10px;background-color: #0336494C;line-height: 0.6;">
                <p id="1" style="margin-top:5px" >内容：标牌文字内容1</p>
                <p id="2">内容：标牌文字内容2</p>
                <p id="3" style="margin-bottom:8px">内容：标牌文字内容3</p>
            </div>
             <!-- 横线，相当于标牌托 -->
			<div
                style="border: 0.5px solid rgba(56, 213, 253, 1);border-right: 0px; background-color: red;height: 0px;margin-top: 0px;margin-left:8px;margin-right:8px;">
            </div>
            <!-- 竖线 ，相当于标牌炳
			<div
                style="border: 0.5px solid rgba(56, 213, 253, 1); background-color: red;height: 80px;width: 0px;margin-left: 50%;margin-top: 0px;">
            </div>-->
        </div>
    </div>
</body>

</html>
